import React, {Component} from 'react';
import { Row, Col } from 'antd';
import './index.less';
import Util from '../../utils/utils';

export default class Header extends Component{
	state={}
	componentWillMount() {
		this.setState({
			userName: 'welcome, xxx!'
		})
		setInterval(() => {
			let sysTime = Util.formateDate(new Date().getTime());
			this.setState({
				sysTime
			})
		})
	}
	render(){
		return(
			<div className="header">
				<Row className="header-top">
					<Col span="24">
						<span>{ this.state.userName }</span>
						<a href="/">退出</a>
					</Col>
				</Row>
				<Row className="breadCrumb">
					<Col span="4" className="breadCrumb-title">
						首页
					</Col>
					<Col span="20" className="weather">
						<span className="date">{ this.state.sysTime }</span>
						<span>多云转晴</span>
					</Col>
				</Row>
			</div>
		)
	}
}